
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
    margin: 0;
    padding: 0;
    /*background: #E5D7CC url(img/img01.png) repeat-x left top;*/
    background: #009BE5 url(img/img01.png) repeat-x left top;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    color: #3B3B3B;
}

h1 {
    margin: 0px;
    padding: 0px;
    letter-spacing: -2px;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    color: #F6B300;
    font-size: 2em;
}

h2 {
    margin: 0px;
    padding: 0px;
    letter-spacing: -2px;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    color: #F6B300;
    letter-spacing: 1px;
    font-size: 2em;
}

h3 {
    margin: 0px;
    padding: 0px;
    letter-spacing: 1px;	
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 1.4em;
}

p, ul, ol {
    margin-top: 0;
    line-height: 180%;
}

ul, ol {
}

a {
    text-decoration: none;
    color: #F6B300;
}

a:hover {
}

.center{text-align: center; }

/* Header */

#header-wrapper {
}

#header {
    clear: both;
    width: 1000px;
    margin: 0px auto;
}

#logo {
    float:center;
    padding: 10px 0px;
    color: #000000;	
    width: auto;
    height: auto;
}content

/* Menu */

#menu-wrapper {
    overflow: hidden;
    height: 30px;
}

#menu {
    width: 1000px;
    height: 30px;
    margin: 0px auto;
    padding: 0px;
    background: #FDBD06;
}

#menu ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
    text-align: center;
}

#menu li {
    display: inline-block;
    border-right: 1px solid #FDA408;
}

#menu a {
    display: block;
    letter-spacing: 1px;
    /*margin: 0px 10px;*/
    line-height: 30px;
    padding: 0 15px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    border: none;
}

#menu a:hover, #menu .current_page_item a {
    text-decoration: none;
    color: #3D2729;
}

#menu .current_page_item a {
}

/* Page */

#wrapper
{
    overflow: hidden;
    padding-bottom: 40px;
}

#page {
    float: center;
    overflow: hidden;
    width: 1000px;
    margin: 0px auto;
}

/* Content */

#content {
    float: center;
    width: 1000px;
    padding-bottom: 40px;
    margin-bottom: 50px;
    background: #FFFFFF;
}

#content-wrapper {
    float: center;
    width: 1000px;
    margin-bottom: 50px;
    background: #FFFFFF;
}

.post {
    margin-bottom: 15px;
    padding: 15px 40px;
}

.post-alt
{   
    margin-bottom: 15px;
    padding: 15px 40px;
    background: #F0F0F0;
}

.post .title {
    height: 30px;
    margin-bottom: 10px;
    padding: 12px 0 0 0px;
    font-size: 22px;
    border-bottom: 2px solid #F6B300;
}

.post .title a {
    border: none;
    color: #3D2729;
}

.post .meta {
    margin-bottom: 30px;
    padding: 5px 0px 15px 0px;
    text-align: left;
    font-weight: normal;
}

.post .meta .date {
    float: left;
}

.post .meta .posted {
    float: right;
}

.post .meta a {
}

.post .entry {
    padding: 0px 0px 20px 0px;
    padding-bottom: 20px;
    text-align: justify;
}

.links {
    display: inline-block;
    height: 30px;
    padding: 30px 0px 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #1C1C1C;
}

.button-big {
    padding: 10px 25px;
    background: #E58703;
    border-radius: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

.button
{
    padding: 2px 5px;
    background: #E58703;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

.button:hover{
    cursor: pointer;
    background: #E56703;
}

/* Sidebar */

#leftsidebar {
    float: left;
    width:50%;
    margin: 0px;
    padding: 20px 15px 0px 15px;
    color: #787878;
    background: #F2CD36;
}

#rightsidebar {
    float: right;	
    width:50%;
    margin: 0px;
    padding: 20px 15px 0px 15px;
    color: #787878;
    background: #F2CD36;
}

#sidebar p
{
    color: #3B3B3B;
}


#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li {
    margin: 0;
    padding: 0;
}

#sidebar li ul {
    margin: 0px 0px;
    padding-bottom: 50px;
}

#sidebar li li {
    border-bottom: 1px solid #D8AD06;
    margin: 0px 0px;
    padding: 10px 0px;
    border-left: none;
}

#sidebar li li a {
    color: #3B3B3B;
}

#sidebar li li span {
    display: block;
    padding: 0;
    font-size: 11px;
    font-style: italic;
}

#sidebar h2 {
    padding-bottom: 20px;
    font-size: 1.8em;
    color: #3D2729;
}

#sidebar p {
    margin: 0px 0px 40px 0px;
    padding: 0px;
    text-align: justify;
}

#sidebar a {
    border: none;
}

#sidebar a:hover {
    text-decoration: underline;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
    padding: 20px;
}

#calendar table {
    width: 100%;
}

#calendar tbody td {
    text-align: center;
}

#calendar #next {
    text-align: right;
}

/* Footer */

#footer {

    position: fixed;
    bottom: 0px;
    height: 55px;
    width:100%;
    margin: 0 auto;
    padding: 0px 0 15px 0;
    /*background: #B29D8C;*/
    background: #162E5A;
    border-top: 1px solid #A59282;
    font-family: Arial,Helvetica,sans-serif;
}

#footer p {
    margin: 0;
    padding-top: 4px;
    line-height: normal;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
}

#footer a {
    color: #FFFFFF;
}

#banner {
    width: 1000px;
    margin: 0px auto;
}

#banner img
{
    border-radius: 8px;
}

/* Fatardhi */
.submit {
    clear: both;
    padding: 20px 0 20px 0;
    text-align: left;
}

table {
    border-collapse: collapse;
    width: auto;
}
thead th {
    background-color: #6699CC;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
}
tbody th {
    background-color: #EEEEEE;
    font-weight: bold;
    padding-left: 30px;
    vertical-align: top;
}
tr {
    border-top: 1px dotted #CCCCCC;
}
tr:first-child {
    border-top: medium none;
}
td, th {
    padding: 3px 10px 3px 6px;
}

th {
    text-align: left;
}
tfoot td {
    border: medium none !important;
    padding-top: 15px;
    text-align: center;
}
caption {
    border-bottom: 1px solid #AAAAAA;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
}
tr.row-group {
    border-top: medium none !important;
}
.row-group td {
    border-bottom: 1px solid #000000;
    color: #CC0033;
    font-variant: small-caps;
    font-weight: bold;
    height: 50px;
    text-align: left;
    vertical-align: bottom;
}
.zebra th {
    background-color: #DDDDDD !important;
    padding-left: 30px;
}
.zebra td {
    background-color: #EEEEEE;
}
.red {
    color: red !important;
}
.green {
    color: green;
}
.blue {
    color: blue;
}
.joined {
    background: none repeat scroll 0 0 #EEEEEE;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
table input[type="text"], table select {
    width: 100%;
}

tbody tr td:last-child{
    text-align: center;
}

table.question_mngmnt{
    min-width: 100%;
    width : 100%;
}

.hidden{
    visibility: hidden;
}

#content-custom {
    float: center;
    width: auto;
    height: auto;
    padding-bottom: 40px;
    margin-bottom: 50px;
}
#content-custom .post{
    background: #F0F0F0;

}
#content-custom .title{
    text-align: center;
}

.post .title_small {
    height: 30px;
    margin-bottom: 10px;
    padding: 12px 0 0 0px;
    font-size: 18px;
    color: #000000;
    text-align: center;
    border-bottom: 2px solid #000000;
}

.post .title_big {
    padding: 10px;
    width : auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom : 10px;
    color: #FFFFFF;
    color :#F6B300;
    border: 2px solid #F6B300;
    background: none repeat scroll 0 0 #FFFFFF;
}

.button_container{
    padding: 10px;
    width :200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom : 10px;
    border-radius: 10px;
    background: none repeat scroll 0 0 #B29D8C;
}

.button_container_start{
    margin-left: auto;
    margin-right: auto;
    margin-top : 100px;
    padding: 10px;
    text-align: center;
    /*border-radius: 10px;*/
    /*background: none repeat scroll 0 0 #B29D8C;*/
}

.button_start{
    padding: 10px 20px;
    background: #E58703;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 50px;
    border-radius: 20px;
    background: #E58703;
    /*background: none repeat scroll 0 0 #009BE5;*/
    color: #FFFFFF;
}

.button_start :hover{
    cursor: pointer;
    background: #009BE5;
}

.button_start :active{
    cursor: pointer;
    background: #162E5A;
}


.button_container .button{
    padding: 2px 5px;
    background: #E58703;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    color: #FFFFFF;
}

.box_container{
    min-height: 510px;;
    text-align: center;
    margin-top: 5px;
    margin-bottom : 5px;
    padding : 10px;
    border: 2px solid #F6B300;
    border-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
}

.box_container_smaller{
    text-align: center;
    width : 1000px;
    min-height : 300px;
    min-margin-top: 20px;
    margin-bottom : 5px;
    margin-left: auto;
    margin-right: auto;
    padding : 10px;
    color :#F6B300;
    /*border: 2px solid #F6B300;*/
    border-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
}
.usualText{
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 38px;
    margin-top: 20px;
    color: #000000;
}

#yesButton{
    float : left;
    width : 500px;
    align : center;
    border-radius: 20px;
}
#noButton{
    float : left;
    width : 500px;
    align : center;
    border-radius: 20px;
}

#yesButton :hover{
    width : 300px;
    cursor: pointer;
    background: #6699CC;
    border-radius: 20px;
}

#noButton :hover{
    width : 300px;
    cursor: pointer;
    background: #6699CC;
    border-radius: 20px;
}

#yesButton :active{
    width : 300px;
    cursor: pointer;
    background: #3083E8;
    border-radius: 20px;
}
#noButton :active{
    width : 300px;
    cursor: pointer;
    background: #3083E8;
    border-radius: 20px;
}

#default-wrapper{
    position: fixed;
    top: 50%;
    left: 50%;
    min-height : 620px;
    width : 1300px;
    background: #F0F0F0;
    margin-top: -330px;
    margin-left: -650px;
    overflow: hidden;
}

#default-wrapper #page{
    width : 1300px;
    height : 100%;
}
#default-wrapper #content{
    width : 1300px;
    min-height : 620px;
}
#default-wrapper #content-wrapper{
    width : 1300px;
    min-height : 620px;
}

.button_start:hover{
    cursor: pointer;
    background: #009BE5;
}

.button_start:active{
    cursor: pointer;
    background: #162E5A;
}

.form_login_plasa{
    margin-top : 40px;
}

.table_login_plasa{
    margin-left: auto;
    margin-right: auto;
}

.table_login_plasa input{
    padding : 5px;
}

.center{
    text-align :center;
    margin : 0 auto;
}

.up_button{
    /*border-radius: 3px;*/


    text-align: center;
    border-radius: 6px;
    background:url(../img/arrow_up.png) no-repeat;
    background-position: center;
    /*background-color: #F6B300; */
}

.down_button{

    /*   border-radius: 3px;*/
    border-radius: 6px;
    background:url(../img/arrow_down.png) no-repeat; 
    background-position: center;
    /*background-color: #F6B300; */
}

.up_button:hover, .down_button:hover{
    cursor: pointer;
    background-size: 105%;
}

.styled_button {
    /*width : 78px;*/
    -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
    box-shadow:inset 0px 0px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #7faccc;
    display:inline-block;
    color:#447ea8;
    font-family:Trebuchet MS;
    font-size:10px;
    font-weight:bold;
    padding:2px 8px;
    margin : 1px 1px 1px 1px;
    text-decoration:none;
    text-shadow:1px 0px 14px #ffffff;
}

.styled_button:hover {
    cursor : pointer;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #447ea8), color-stop(1, #447ea8) );
    background:-moz-linear-gradient( center top, #447ea8 5%, #447ea8 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#447ea8', endColorstr='#447ea8');
    color: #ffffff;
}.styled_button:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.thumb-wrapper{
    width: 1000px;
    min-height: 100px;
    margin: 0px auto;
    padding: 30px 0;
}

.thumb-wrapper ul{
    line-height: normal;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.thumb-wrapper li{
    position: relative;
    display: inline-block;
    top:50%;
    margin: 0 4px;
    /*border: 1px solid #FDA408;*/
}
.thumb-img img{
    margin-bottom: 10px;
}
.thumb-wrapper .thumb{
    display: block;
    letter-spacing: 1px;
    /*margin: 0px 10px;*/
    line-height: 10px;
    padding: 15px 15px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    border: none;
}
.thumb-img{
    height: 150px;
    width: 150px;
    max-height: 150px;
    max-width: 150px;
    margin-bottom: 10px;
    overflow : hidden;
}
.thumb-img img{
    /*margin: -75px 0 0 -75px;*/
}
.thumb-wrapper li:hover{
    cursor: pointer;
    border-radius : 20px;
    background: #6699CC;
    /*border-right: 1px solid #FDA408;*/
}

.thumb-wrapper li:active{
    top : 1px;
    background: #3083E8;
}
.thumb:hover{
    color: #ffffff;
}